.address-panel {
  position: relative;
  padding: 0 30rpx;
  border-radius: 10rpx 10rpx 0 0;
  background-color: #fff;

  .close {
    position: absolute;
    top: 24rpx;
    right: 24rpx;
  }

  .title {
    padding: 40rpx 0;
    font-size: 32rpx;
    line-height: 0;
    text-align: center;
    border-bottom: 1px solid #ddd;
    color: #444;
  }
  .content {
    min-height: 300rpx;
    max-height: 540rpx;
    overflow: auto;
    padding: 20rpx;
    .item {
      position: relative;
      padding: 30rpx 50rpx 30rpx 60rpx;
      background-size: 40rpx;
      background-image: url(https://pcapi-xiaotuxian-front-devtest.itheima.net/miniapp/images/locate.png);
      background-repeat: no-repeat;
      background-position: 0 center;
    }
    .icon {
      position: absolute;
      top: 50%;
      right: 0;
      color: #999;
      // background: #fff;
      font-size: 36rpx;
      transform: translateY(-50%);
    }
    .icon-checked {
      color: #27ba9b;
    }
    .icon-ring {
      color: #444;
    }
    .user {
      font-size: 32rpx;
      color: #444;
      font-weight: 500;
    }
    .address {
      font-size: 26rpx;
      color: #666;
    }
  }

  .footer {
    display: flex;
    justify-content: space-between;
    padding: 20rpx 0 40rpx;
    font-size: 28rpx;
    color: #444;
    .button {
      flex: 1;
      height: 72rpx;
      text-align: center;
      line-height: 72rpx;
      margin: 0 20rpx;
      color: #fff;
      border-radius: 72rpx;
      &.primary {
        background-color: #27ba9b;
      }
    }
  }
}
